<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/top.css">
    <link rel="stylesheet" href="css/foot.css">
    <title>订单明细</title>
    <style>
        body{margin: 0; padding: 0; font-family: '微软雅黑';}
		body p{ color:#949494; font-size:14px; padding-left:10px;}
        input::-ms-input-placeholder{text-align: center;}
		.h-left{float:left;width:15%; height:40px;}
        .h-left a{ display:block; width:45px; height:40px; margin:auto; background: url(images/common/splb_icon_back.png) no-repeat 15px center; background-size: auto 16px; }
		.h-mid { width:70%; height:40px; float:left; text-align:center; color:#333; font-size:16px; line-height:45px; position:relative;}
		.h-mid span { color:#FFF; font-size:12px;}
		.order{ padding-left:10px;padding-right:10px; float: left;}
		.order_top span{ font-size:12px; padding-left:10px}
		.order_list li{ list-style-type:none; width:100%}
		.goods { border:1px solid #949494; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
		.price { color:#FF6D23;}
		.total { font-size:12px; padding-left:10px;
			padding-bottom:15%;}
    </style>
</head>
<body>

    <div class="top">
        <div class="top_left"><a class="sb-back" href="javascript:history.back(-1)" title="返回"><img src="images/icon_back.png" alt=""></a></div>
        我的订单
    </div>
    <div class="order">
    	<div class="order_top">
        	<p>配送信息</p>
            <hr style="height:0.5px;border:none;border-top:1px solid #949494;" />
            <span>收货人：</span><span>邹小姐</span><br/>
            <span>联系电话：</span><span>13500010001</span><br/>
            <span>收货地址：</span><span>珠海市香洲区梅华街道名仕园</span><br/>
            <span>订单编号：</span><span>000ZH002000ZH0021201607140033</span><br/>
            <span>下单时间：</span><span>2016-08-04 17:13:31</span><br/>
          <span>取货时间：</span><span>2016-07-08 20:15:12</span>  
        </div>
        <div class="order_list">
        	<p>商品信息</p>
            <hr style="height:0.5px;border:none;border-top:1px solid #949494;" />
            <table style=" width:100%; font-size:12px">
            	<tr>
                	<td align="center" width="10%"><img src="images/order_detail/ddmx_img01.png" style=" height:50px;width:50px; padding:10px"/></td>
                    <td align="left" width="40%"><div>布朗尼蛋糕</div><div>3寸（适合1-2人）</div></td>
                    <td align="center" width="20%"><div class="price">x1</div></td>
                    <td align="center" width="30%">单价：<span class="price">18.00</span></td>
                </tr>
                <tr>
                	<td align="center" width="10%"><img src="images/order_detail/ddmx_img02.png" style=" height:50px;width:50px; padding:10px"/></td>
                    <td align="left" width="40%"><div>桂圆冰淇凌蛋糕</div><div>2寸（适合1-2人）</div></td>
                    <td align="center" width="20%"><div class="price">x1</div></td>
                    <td align="center" width="30%">单价：<span class="price">16.00</span></td>
                </tr>
                <tr>
                	<td align="center" width="10%"><img src="images/order_detail/ddmx_img03.png" style=" height:50px;width:50px; padding:10px"/></td>
                    <td align="left" width="40%"><div>布朗尼蛋糕</div><div>2寸（适合1-2人）</div></td>
                    <td align="center" width="20%"><div class="price">x1</div></td>
                    <td align="center" width="30%">单价：<span class="price">15.00</span></td>
                </tr>
                <tr>
                	<td align="center" width="10%"><img src="images/order_detail/ddmx_img04.png" style=" height:50px;width:50px; padding:10px"/></td>
                    <td align="left" width="40%"><div>黑森林蛋糕</div><div>6寸（适合1-2人）</div></td>
                    <td align="center" width="20%"><div class="price">x1</div></td>
                    <td align="center" width="30%">单价：<span class="price">45.00</span></td>
                </tr>
                <tr>
                	<td align="center" width="10%"><img src="images/order_detail/ddmx_img05.png" style=" height:50px;width:50px; padding:10px"/></td>
                    <td align="left" width="40%"><div>松仁淡奶蛋糕</div><div>2寸（适合1-2人）</div></td>
                    <td align="center" width="20%"><div class="price">x1</div></td>
                    <td align="center" width="30%">单价：<span class="price">15.00</span></td>
                </tr>
            </table>
        </div>
        <div class="total">
        	<div>共计：<span class="price">5</span>件</div>
            <div>配送费：<span class="price">￥5.00</span></div>
            <div>实付款：<span class="price">￥114.00</span></div>
        </div>
    </div>
    <div class="foot">
        <ul>
            <li>
                <div class="img"><a href="index.html"><img src="images/index_botmenu01off.png" alt=""></a></div>
            </li>
            <li>
                <div class="img"><a href="flow.html"><img src="images/index_botmenu02off.png" alt=""></a></div>
            </li>
            <li>
                <div class="img"><a href="user_order_list.html"><img src="images/index_botmenu03off.png" alt=""></a></div>
            </li>
        </ul>
    </div>
</body>
</html>